﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>显示地图</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?ak=v1HSNrafV1En2G31ctO1IwTS&v=1.5"></script>
    <script type="text/javascript" src="/Scripts/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="/Scripts/EJS.js"></script>
    <script type="text/javascript" src="/Scripts/baidumap.js"></script>
    <style>
        .mapbox { margin: 15px 0 30px; position: relative; z-index:1; width:600px; height:447px }
        .maplayer
        {
            position: absolute;
            z-index: 3;
            background: #fff;
            border: 1px solid #ccc;
            padding: 5px 20px 20px 20px;
            width: 260px;
        }
        .maplayer h3
        {
            font-size: 18px;
            font-weight: bold;
            height: 40px;
            line-height: 40px;
        }
        .maplayer .b_btn
        {
            float: left;
            margin-right: 5px;
        }
        .maplayer .sjiao
        {
            clear: both;
            position: absolute;
            bottom: -25px;
            left: 130px;
            background: url(http://img4.bitauto.com/dealer/dealersite/20140626/images/icons/icons.png) no-repeat -210px -174px;
            width: 34px;
            height: 25px;
            display: block;
        }
        .maplayer a.close
        {
            clear: both;
            position: absolute;
            top: 10px;
            right: 10px;
            background: url(http://img4.bitauto.com/dealer/dealersite/20140626/images/icons/icons.png) no-repeat -88px -172px;
            text-indent: -999px;
            width: 28px;
            height: 28px;
            display: block;
        }
        .maplayer a.close:hover
        {
            background-position: -118px -172px;
        }
        .maplayer .info_list li b
        {
            top: -1px;
        }
        
        .info_list li { font-size: 12px; padding: 0 0 5px 37px; position: relative; z-index: 1; zoom:1 }
.info_list li b { position: absolute; left: 0; top: 1px; *top:-2px;_left: 0px; _top: 0; font-weight: normal; display: block; width: 36px; height:21px; line-height:21px; overflow: hidden }
.info_list li .info_c { position: relative; *display:inline;line-height: 21px }
.info_list li .zycar { cursor: pointer }
.info_list li a.net, .info_list li a.net:visited { color: #3a8bc1; width: 170px; height: 20px; overflow: hidden; display:inline-block }
.info_list li a.net:hover { color: #3a8bc1; text-decoration: underline }
.info_list li .imp { font-weight: bold }
.info_list li .cup { display: inline-block; vertical-align: middle; background: url(../images/icons/icons.png) no-repeat -81px -58px; width: 66px; height: 14px; margin: -2px 0 0 5px; cursor: pointer; }
.info_list li .tel{display: inline-block; vertical-align: middle; height:12px; line-height:12px; overflow:hidden}
.dg { display: inline-block; vertical-align: middle; background: url(../images/icons/icons.png) no-repeat -161px -57px; width: 13px; height: 15px; margin-left: 5px }
.info_list li .ads { display: inline-block; *display:inline;
width: 168px; vertical-align: top; margin-top:1px }
.info_list li .ads a, .jxs_info li .ads a:visited { color: #666 }
.info_list li .ads a:hover { color: #e74c3c }
.info_list li a.b_btn { width: 209px !important; margin-bottom: 13px; font-size: 14px }
.info_list li.zycar { z-index: 4}
.info_list .carmore { background: #F8F8F8; border: 1px solid #DEDEDE; padding: 5px; line-height: 20px; position: absolute; top: -5px; left: 0; width: 154px; display: none }
.info_list li.jb { z-index: 3 }
.info_list li .info_c ul{}
.info_list li .tag{ border:1px solid #e2e2e2; float:left; display:inline;padding:3px 10px; background:#fff; margin:0 5px 5px 0; white-space:nowrap}
.info_list .tese_li{ z-index:2}
.info_list .tese_li li{ z-index:auto; cursor:pointer}
.info_list .tese .tag{ position:relative; z-index:2}
.info_list .tese .hover{ z-index:4}
.info_list .tese .hover .flw_layer{ display:block; z-index:999; left:-1px}

.info_list .flw_layer { display: none; position: absolute; top: 28px; left: 15px }
.info_list .blck { display: block }
.info_list span { display: inline-block; vertical-align: middle; }
    </style>
</head>
<body>
    <div class="mapbox" id="mapcontainer" style="width: 600px; height: 400px;">
    </div>
    <span style="display: none;" id="hiddenTel" class="400Tel">123456</span>
</body>
</html>
<script type="text/javascript">
    $(function () {
        //$.shareButton.initH({ title: "三喜福特福克斯三厢最高综合优惠1.3万" });
        if ($("#mapcontainer").length > 0) {
            var data = {
                DealerName: "福特武汉三喜",
                MainBrand: "长安福特,福特",
                AllMainBrand: "长安福特,福特",
                Level: "4S店",
                Address: "武汉市江夏区幸福工业园特1号（汽车主题公园内）",
                lat: 30.390116877839,
                lng: 114.37841181152,
                CityName: "武汉",
                Tel400: $("#hiddenTel").html(),
                Tel: "400-680-2817 027-52107333 15827627697"
            };
            $("#mapcontainer").showMap({
                lat: data.lat,
                lng: data.lng,
                data: data, //图层数据
                centerOffset: { lat: 0.02, lng: 0 }, //中心点偏移量
                label: {
                    url: "/Map/MapLabel",
                    offset: { w: -268, h: -285 }
                }
            });
        }
    });
</script>
